<div class="pages">
    <div class="page zhou_page no_navbar no_toolbar" data-page="login">
    	<style>
    		/*login*/
			.zhou_button{
				border-color: rgba(255, 255, 255, 0)!important;
			}
			.color-green.button:not(.button-fill), .color-green.buttons-row .button{
				border-color: rgba(255, 255, 255, 0)!important;
			}
			.color-green.button:not(.button-fill).active, .color-green.buttons-row .button.active{
				background-color: rgba(255, 255, 255, 0);
				border-bottom: 1px solid #fff!important;
				color:#fff;
			}
			.card-header:after{
				background-color: rgba(255, 255, 255, 0);
			}
			.zhou_card{padding: 15px}
			.list-block .item-inner:after{background-color: rgba(255, 255, 255, 0)!important;}
			.zhou_pagecontent{background: rgba(0, 0, 0, 0.5)}
			.card{background: none;}
			.zhou_page{background: url(./img/dengluye/beijing.jpg) no-repeat;background-size: cover}
			.zhou_buttonn{color:#FFF;background: none !important;border-radius: 0px!important;border: 1px solid #fff!important}
			/*placeholder颜色*/
			/*input::-webkit-input-placeholder {
			  color: #fff;
			}
			input:-moz-placeholder {
			  color: #fff;
			}
			input::-moz-placeholder {
			  color: #fff;
			}
			input::-ms-input-placeholder {
			  color: #fff;
			}*/
    	</style>
        <div class="page-content login-screen-content zhou_pagecontent">

            <div class="card c_d_l_img  demo-card-header-pic_mu" style="padding-bottom: 100px; max-width: 750px;margin: 0 auto;">

                <div class="card-header" style="border:0;" onclick="go_index()">
                    <img src="img/logo.png"
                         style=" width: 80px;height: 80px;margin: 2.5rem auto;text-align: center;">
                </div>

                <div class="card-header buttons-row qianggou_color zhou_button">
                    <a  style="background-color:rgba(255, 255, 255, 0) ;" href="#duanxin_login" class="tab-link active button color-green">短信登录</a>
                    <a href="#password_login" class="tab-link button color-green"  >密码登录</a>
                </div>

                <div class="tabs card-content zhou_card">
                    <div id="duanxin_login" class="tab active">
                        <div class="list-block" style="margin-top:0;">
                            <ul>
                                <li class="item-content">
                                    <div class="item-inner">
                                        <div class="item-input">
                                            <input type="text" style="color: #fff;width: 90%;display: inline-block" class="zy_names" placeholder="请输入手机号码"     name="telephone">
										    <img src="img/clear.png" style="position: relative;top: 5px; width: 1.2rem;" onclick="$(this).prev().val('')">
                                        </div>
                                    </div>
                                </li>
                                <li class="item-content">
                                    <div class="item-inner row">
                                        <div class="col-50">
                                            <input type="text" name="phone_code" class="zy_names" style="color: #fff;"
                                                   name="captcha"
                                                   placeholder="请输入验证码">
                                        </div>
                                        <div class="col-50">
                                            <a href="#" class="button" id="login_send_code_btn"
                                               style="border: 1px solid #fff;color: #fff;border-radius: 0px;height: 30px;line-height: 30px" onclick="login_send_phone_code()" >发验证码</a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="item-input" style="padding:0 1rem;">
                            <p><a href="#" class="button button-round zhou_buttonn" onclick="LOGIN.sms_login()"> 登录 </a></p>
                        </div>
                    </div>
                    <div id="password_login" class="tab">
                        <div class="list-block" style="margin-top:0;">
                            <ul>
                                <li class="item-content">
                                    <div class="item-inner">
                                        <div class="item-input">
                                            <input type="text" class="zy_names" style="color: #fff;width: 90%;display: inline-block" name="username"  placeholder="请输入手机号码">
                                            <img src="img/clear.png" style="position: relative;top: 5px; width: 1.2rem;" onclick="$(this).prev().val('')">
                                        </div>
                                    </div>
                                </li>
                                <li class="item-content">
                                    <div class="item-inner">
                                        <div class="item-input">
                                            <input type="password" class="zy_names" style="color: #fff;width: 90%;display: inline-block" name="password" placeholder="请输入密码">
                                        	<img src="img/show.png" style="position: relative;top: 5px; width: 1.2rem;" onclick="$(this).hide().next().show().parent().find('input').attr('type','text')">
										<img src="img/hide.png" style="position: relative;top: 5px; width: 1.2rem;display: none;" onclick="$(this).hide().prev().show().parent().find('input').attr('type','password')">
                                        </div>
                                    </div>
                                </li>

                            </ul>
                        </div>
                        <div class="item-input" style="padding:0 1rem;">
                            <p><a href="#" class="button button-round zhou_buttonn" onclick="LOGIN.submit()"> 登录 </a></p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
